<template>
    <div class="page">
        <div class="page-content">
            <p class="page_tip">上传身份证照片</p>
            <!--身份证正面照-->
            <lo-idcard-img v-model="cardFrontImg" :disabled="userCardIdStatus">
                <div class="hint">
                    <p class="title">上传身份证
                        <span>人像</span>面</p>
                    <p class="aside">请保持照片中身份证显示完整</p>
                    <p class="aside">字体清晰可见，亮度均匀</p>
                </div>
            </lo-idcard-img>
            <lo-idcard-img v-model="cardBackImg" :disabled="userCardIdStatus">
                <div class="hint">
                    <p class="title">上传身份证
                        <span>国徽</span>面</p>
                    <p class="aside">请保持照片中身份证显示完整</p>
                    <p class="aside">字体清晰可见，亮度均匀</p>
                </div>
            </lo-idcard-img>
            <lo-idcard-img v-model="faceBestImg" :disabled="userCardIdStatus">
                <div class="hint">
                    <p class="title">人脸照片</p>
                    <p class="aside">请保持照片中人脸清晰</p>
                </div>
            </lo-idcard-img>
            <md-button class="button button-royal button-block" v-if="userCardIdStatus">
                已审核
            </md-button>
            <md-button class="button button-balanced button-block" @click.native="faceOrcDo" v-else>
                提交审核
            </md-button>
        </div>
        <b-popup :show="cardIdConfirmShow">
            <div class="cardIdConfirm">
                <item>
                    姓名
                    <span class="item-note">{{cardIdConfirmData.realName}}</span>
                </item>
                <item>
                    身份证号
                    <span class="item-note">{{cardIdConfirmData.idCard}}</span>
                </item>
                <item>
                    性别
                    <span class="item-note">{{cardIdConfirmData.sex}}</span>
                </item>
                <item>
                    出生日期
                    <span class="item-note">{{cardIdConfirmData.birthday}}</span>
                </item>
                <item class="long_note">
                    户籍地址
                    <span class="item-note">{{cardIdConfirmData.cardAddress}}</span>
                </item>
                <item>
                    有效期限
                    <span class="item-note">{{cardIdConfirmData.validDate}}</span>
                </item>
                <div class="cardIdConfirm_btns">
                    <md-button class="button button-balanced" @click.native="reCardidDo">
                        取消
                    </md-button>
                    <md-button class="button button-balanced" @click.native="confirmCardidDo">
                        确认
                    </md-button>
                </div>
            </div>
        </b-popup>
    </div>
</template>
<script src="./Cardid.js"></script>
<style lang="scss" scoped src="./Cardid.scss"></style>